在本文中，我们将介绍 CSS 中两个常用的文本对齐方式：end 和 right 的区别。虽然它们都可以用于调整元素内文本的对齐方式，但它们之间有一些细微的差异，我们将在下面的内容中详细解释。

阅读更多：CSS 教程

text-align: end 是 CSS 的一个属性，用于确定元素内文本的水平对齐方式。当应用于某个元素时，该元素内的文本将对齐到其结束边界（例如，对于从右往左布局的语言，如阿拉伯语和希伯来语，文本将对齐到右边缘）。以下是该属性的示例代码：

在这个示例中，.container 类的元素内的文本将对齐到其结束边界。

text-align: right 是 CSS 的另一个属性，也用于确定元素内文本的水平对齐方式。不同于 text-align: end，text-align: right 将文本对齐到元素的右边缘。以下是该属性的示例代码：

在这个示例中，.container 类的元素内的文本将对齐到其右边缘。

虽然 text-align: end 和 text-align: right 有一些差异，但它们也有一些共同点。首先，它们都用于水平对齐文本。其次，它们都可以应用于块级元素和行内元素。

无论是 text-align: end 还是 text-align: right，都可以通过以下代码来应用样式：

或者：

上述代码中的 .element 可以是任何有效的选择器，如类选择器、ID 选择器或元素选择器。

虽然 text-align: end 和 text-align: right 都可以实现文本的右对齐效果，但它们之间还是存在一些细微的差异。

首先，兼容性方面。text-align: right 是 CSS1 的一部分，可广泛支持于多种浏览器中。而 text-align: end 是 CSS3 的一部分，对于某些旧版本的浏览器可能不支持，需要使用兼容性前缀或进行特殊处理。

其次，text-align: end 和 text-align: right 对于从左往右布局的语言效果是一样的，即将文本对齐到右边缘。但对于从右往左布局的语言，如阿拉伯语和希伯来语，它们的效果则不同。text-align: end 将文本对齐到右边缘，符合这些语言的布局习惯。而 text-align: right 则将文本对齐到左边缘，与这些语言的布局习惯相违背。

另一个不同点是当元素内的文本超出容器宽度时，它们的处理方式不同。text-align: end 将文本溢出的部分对齐到结束边界，即右边缘。而 text-align: right 则将文本溢出的部分对齐到左边缘。这一差异在某些场景下可能会产生不同的效果。

为了更好地理解 text-align: end 和 text-align: right 之间的差异，我们来看一个示例。假设我们有一个容器，里面有一段长文本，并应用了不同的对齐方式。

在 CSS 中，我们分别为 .container 类应用了 text-align: end 和 text-align: right 属性。

如果我们将上述示例运行在支持 CSS3 的浏览器中，你将会看到文本在 .container.end 类下对齐到了右边缘，而在 .container.right 类下对齐到了左边缘。

通过本文，我们了解到了 text-align: end 和 text-align: right 这两个 CSS 对文本对齐的常用属性。虽然它们都可以实现文本的右对齐效果，但在兼容性、语言方向和内容溢出处理等方面存在一些细微的差异。根据实际需要选择合适的属性，以达到对齐文本的目的。希望本文能够帮助你更好地理解和应用这两个属性。